<template>
    <div class="app-container">
      <h2>{{this.$route.query.typeName}}:</h2>
      <table class="gridtable">
        <tr>
          <td>课程名称</td>
          <td colspan="3">{{this.$route.query.courseName}}</td>
        </tr>

        <tr>
          <td>所属学校</td>
          <td>山东大智信息科技有限公司</td>
          <td>学院</td>
          <td>商学院</td>
        </tr>

        <tr>
          <td>课程负责人</td>
          <td>老张</td>
          <td>职称(务)</td>
          <td>商学院院长</td>
        </tr>
        <tr>
          <td>课程类别</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td>总学分</td>
          <td colspan="3">10</td>
        </tr>
        <tr>
          <td>在线学时</td>
          <td colspan="3">8</td>
        </tr>
        <tr>
          <td>预计视频时长</td>
          <td colspan="3">200分钟</td>
        </tr>
      </table>
    </div>
</template>

<script>
    export default {
        name: "attrBasicTable"
    }
</script>

<style scoped>
  table{
    width: 80%;
  }
  table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#333333;
    border-width: 1px;
    border-color: #CCCCCC;
    border-collapse: collapse;
  }
  table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #CCCCCC;
    background-color: #dedede;
  }
  table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #CCCCCC;
    background-color: #ffffff;
  }
</style>
